import Image from "next/image";
import React from 'react';
import Header from "./header";
import Earth from "./earth";
import Console from "./console";
import Chatbot from "./chatbot";
export default function Home() {
  return (
    <div className="flex flex-col h-screen">
      <div className="h-16 flex items-center justify-center shrink-0">
        <Header/>
      </div>

      <div className="flex flex-row flex-1 min-h-0">
        {/* 左边地图和控制台 */}
        <div className="w-4/6 border flex flex-col min-h-0">
          <div className="flex-1 min-h-0 border h-3/4">
            <Earth/> 
          </div>
          <div className="flex-1 min-h-0 border h-1/4">
            <Console/> 
          </div>
        </div>
        {/* 右边聊天总控 */}
        <div className="w-2/6 border">
           {/*<Chatbot/> */}
        </div>
       
      </div>
    </div>
  );
}
